<template>
  <Card>
    <span slot="title">申报资料一览表</span>
    <div slot="content">
      <div class="declaration_form">
        <div class="tool_top">
          <we-button type="primary">
            <i class="el-icon-upload2"></i> 生成上报一览表</we-button
          >
          <el-radio-group v-model="selectValue">
            <el-radio-button
              v-for="(item, index) in tabs"
              :key="index"
              :label="item"
            ></el-radio-button>
          </el-radio-group>
        </div>
        <div class="table">
          <h1
            style="
              text-align: center;
              line-height: 60px;
              font-size: 30px;
              font-weight: bold;
              color: #666;
            "
          >
            水利工程正高级专业技术职务任职资格申报人员一览表
          </h1>
          <el-table
            size="mini"
            :data="tableData"
            style="width: 1600px"
            :header-cell-style="headerStyle"
            stripe
            height="420"
          >
            <el-table-column label="序号" type="index" width="50" fixed>
            </el-table-column>
            <el-table-column property="name" label="姓名"> </el-table-column>
            <el-table-column property="unit" label="单位" width="180px">
            </el-table-column>
            <el-table-column property="sex" label="性别"> </el-table-column>
            <el-table-column property="administrativePosition" label="行政职务">
            </el-table-column>
            <el-table-column property="level" label="级别"> </el-table-column>
            <el-table-column
              property="workingHours"
              label="参加工作时间"
              width="120px"
            >
            </el-table-column>
            <el-table-column property="professional" label="从事专业">
            </el-table-column>
            <el-table-column
              property="graduateSchoolAndMajor"
              label="毕业院校及专业"
              width="180px"
            >
            </el-table-column>
            <el-table-column property="education" label="学历" width="120px">
            </el-table-column>
            <el-table-column property="academicDegree" label="学位">
            </el-table-column>
            <el-table-column
              property="graduationTime"
              label="毕业时间"
              width="120px"
            >
            </el-table-column>
            <el-table-column
              property="originalQualificationName"
              label="原资格名称"
              width="120px"
            >
            </el-table-column>
            <el-table-column
              property="acquisitionTime"
              label="取得时间"
              width="120px"
            >
            </el-table-column>
            <el-table-column property="titleForeignLanguage" label="职称外语">
            </el-table-column>
            <el-table-column property="computer" label="计算机">
            </el-table-column>
            <el-table-column property="professionalTheory" label="专业理论">
            </el-table-column>
            <el-table-column property="trainingRequirements" label="培训要求">
            </el-table-column>
            <el-table-column property="additionalPoints" label="附加分">
            </el-table-column>
            <el-table-column
              property="declarationType"
              label="申报类型"
              width="180px"
            >
            </el-table-column>
            <el-table-column property="remarks" label="备注"> </el-table-column>
          </el-table>
          <!-- 分页 -->
          <div class="pagination">
            <we-Pagination
              :page="pagination.currentPage"
              :pageSize="pagination.pageSize"
              :total="pagination.total"
              @currentChange="currentChange($event)"
              @pageSizeChange="pageSizeChange($event)"
            >
              ></we-Pagination
            >
          </div>
        </div>
      </div>
    </div>
  </Card>
</template>

<script>
import Card from "@/components/Card";
import WeButton from "@/components/WeButton";
import WePagination from "@/components/WePagination";
export default {
  components: {
    Card,
    WeButton,
    WePagination,
  },
  data() {
    return {
      selectValue: "",
      tabs: [
        "水利工程正高级",
        "经济副高级",
        "会计副高级",
        "政工副高级",
        "政工中级",
        "水利工程中级",
        "技师中级",
        "技师高级",
        "经济正高级",
        "会计正高级",
        "水利工程初级",
        "测试资格",
      ],
      // 表格数据
      tableData: [
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
        {
          name: "张晓刚",
          unit: "河南黄河河务局",
          sex: "男",
          administrativePosition: "工程师",
          level: "高级",
          workingHours: "2020-02-02",
          professional: "工程建造",
          graduateSchoolAndMajor: "河南大学工程建造专业",
          education: "全日制本科",
          academicDegree: "学士学位",
          graduationTime: "2016-06-01",
          originalQualificationName: "中级工程师",
          acquisitionTime: "2019-02-02",
          titleForeignLanguage: "英语四级",
          computer: "二级",
          professionalTheory: "//",
          trainingRequirements: "//",
          additionalPoints: "无",
          declarationType: "水利高级工程师",
          remarks: "--",
        },
      ],
      // 分页数据
      pagination: {
        total: 20, // 总数据条数
        pageSize: 5, // 每页条数
        currentPage: 1, // 当前页
      },
    };
  },
  methods: {
    // 表头样式回调
    headerStyle() {
      return "backgroundColor:#ddd;color:#666;fontWeight:700";
    },
  },
};
</script>

<style lang="less" scoped>
.declaration_form {
  .tool_top {
    display: flex;
    justify-content: space-between;
    /deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
      background-color: #0063c7 !important;
      color: #fff;
      border-color: #0063c7;
      box-shadow: -1px 0 0 0 #0063c7;
    }
  }
  .table {
    margin-top: 20px;
    .pagination {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px;
    }
  }
}
</style>